<template>
  <div style="height: 300px; max-width: 600px">
    <el-steps direction="vertical" :active="1">
      <el-step title="Step 1"/>
      <el-step title="Step 2"/>
      <el-step title="Step 3"/>
    </el-steps>
  </div>
  <div class="flex flex-col items-start gap-4">
    <el-segmented v-model="value" :options="options" size="large"/>
    <el-segmented v-model="value" :options="options" size="default"/>
    <el-segmented v-model="value" :options="options" size="small"/>
  </div>
</template>


<script setup lang="ts">

</script>


<style scoped>

</style>